<template>
  <el-container>
    <el-header>
      <TitleBar :activeIndex="activeIndex"></TitleBar>
    </el-header>
    <el-main>
      <Carousel></Carousel>
      <RecommandCards title="热门组织" :cardDatas="hotactivities"></RecommandCards>
      <RecommandCards title="近期活动" :cardDatas="hotactivities"></RecommandCards>
    </el-main>
  </el-container>
</template>

<script>
import TitleBar from '../Components/TitleBar.vue'
import Carousel from '../Components/Carousel.vue'
import RecommandCards from '../Components/RecommandCards.vue'
export default {
  data() {
    return {
      activeIndex: "2",
      hotactivities: [{
        title: '抗疫活动',
        people: '12/24',
        link: 'http://baidu.com',
        joinLink: 'http://baidu.com',
        imgurl: 'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png'
      },{
        title: '抗疫活动',
        people: '12/24',
        link: 'http://baidu.com',
        joinLink: 'http://baidu.com',
        imgurl: 'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png'
      },{
        title: '抗疫活动',
        people: '12/24',
        link: 'http://baidu.com',
        joinLink: 'http://baidu.com',
        imgurl: 'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png'
      },{
        title: '抗疫活动',
        people: '12/24',
        link: 'http://baidu.com',
        joinLink: 'http://baidu.com',
        imgurl: 'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png'
      },{
        title: '抗疫活动',
        people: '12/24',
        link: 'http://baidu.com',
        joinLink: 'http://baidu.com',
        imgurl: 'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png'
      },{
        title: '抗疫活动',
        people: '12/24',
        link: 'http://baidu.com',
        joinLink: 'http://baidu.com',
        imgurl: 'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png'
      }]
    };
  },
  components: { TitleBar, Carousel, RecommandCards }
}
</script>

<style scoped>
</style>